<template>
    <div class="subject-container">
        <h1>科目</h1>
        <p>正在开发中...</p>
        <div class="subject-content">
            <div class="subject-content-item">
                <div class="subject-content-item-title">
                    <h2>科目一</h2>
                </div>
                <div class="subject-content-item-content">
                    <p>科目一内容</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
// 科目页面组件
</script>

<style scoped>
/* 科目页面 
内容区要铺面浏览器页面，而不是根据内容区的宽度来设置
*/
.subject-container {
    width: 100%;
    height: 100%;
    background-color: #2166cc;
}

.subject-content {
    width: 100%;
    height: 100%;
    background-color: #2166cc;
}
</style>